<template>
  <view>
    <headers></headers>

    <!--  -->
    <view class="box">
      <view class="title">活动上新啦！</view>
      <view class="time">发布时间：2023-1-25</view>
      <image src="../../static/imgs/Rectangle 548.png" mode=""></image>
      <view class="content">
        长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀,长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀,长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀,长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀开团长清大学生红叶谷汉服真人秀,
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss" scoped>
  .box {
    margin: 32rpx auto;
    padding: 48rpx 32rpx;
    width: 686rpx;
    min-height: 1316rpx;
    background: #FFFFFF;
    border-radius: 20rpx 20rpx 20rpx 20rpx;

    .title {
      // margin-left: 32rpx;
      font-size: 40rpx;
      font-family: PingFang SC-Bold, PingFang SC;
      font-weight: bold;
      color: #333333;
    }

    .time {
      margin: 20rpx 0;
      font-size: 24rpx;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #999999;
    }

    >image {
      width: 622rpx;
      height: 348rpx;
      border-radius: 20rpx 20rpx 20rpx 20rpx;
    }

    .content {
      letter-spacing: 1rpx;
      text-indent: 2em;
      margin-top: 32rpx;
      font-size: 24rpx;
      line-height: 1.5em;
      font-family: PingFang SC-Bold, PingFang SC;
      font-weight: bold;
      color: #333333;
    }
  }
</style>